<?xml version="1.0" encoding="UTF-8"?>

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:aui="http://liferay.com/faces/aui"
                xmlns:portlet="http://java.sun.com/portlet_2_0">

<p:panel rendered="#{app.newFilter != null and app.inEditMode}">



<div class="main" role="main">
  <!-- A modal with its content -->
  <section class="semantic-content" id="modal-text" tabindex="-1"
           role="dialog" aria-labelledby="modal-label" aria-hidden="true">

    <div class="modal-inner">
      <header id="modal-label">Lägg till filter</header>
      <div class="modal-content">
        <!-- The modals content -->
        <!-- ui:include src="add-filter-content.xhtml"/ -->
      </div>
      <footer><!-- Footer --></footer>
    </div>

    <a href="#!" class="modal-close" title="Close this modal" data-close="Close" data-dismiss="modal">×</a>
  </section>
</div>
<a href="#modal-text" class="call-modal" title="Clicking this link shows the modal">Text</a>

</p:panel>

</ui:composition>